<template>
  <div>
    <van-tabbar route v-model="rec.active">
      <van-tabbar-item replace to="/home">
        <span>班级打分</span>
        <template #icon="props">
          <img
            :src="
              props.active
                ? require('@/assets/img/tabbar_icon_select.png')
                : require('@/assets/img/tabbar_icon.png')
            "
          />
        </template>
      </van-tabbar-item>
      <van-tabbar-item replace to="/myRecord">
        <span>我的记录</span>
        <template #icon="props">
          <img
            :src="
              props.active
                ? require('@/assets/img/tabbar_icon2_select.png')
                : require('@/assets/img/tabbar_icon2.png')
            "
          />
        </template>
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script lang="ts" setup>
import { reactive } from "vue";

const rec = reactive({
  active: 0,
});
</script>
<style lang="less" scoped></style>
